Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Customizable select #CSSWrapped 2025

You can finally style drop downs in CSS!...

  2025/12/26

DataVisor strengthens fraud detection with generative AI on AWS | Amaz

Amazon

DataVisor is a leading financial fraud a...

  2025/12/25

Suger.io builds agentic AI go-to-market workflows with AWS | Amazon We

Amazon

Suger.io is a marketplace-first software...

  2025/12/25

Trellix accelerates security workflows with agentic AI on AWS | Amazon

Amazon
Security

Trellix develops cybersecurity software ...

  2025/12/25

Deepgram builds audio AI infrastructure with AWS | Amazon Web Services

Amazon

Deepgram is an audio AI company that bui...

  2025/12/25

Scale AI builds agentic workflows with AWS | Amazon Web Services

Amazon

Scale AI works with enterprises to bring...

  2025/12/25

Smarsh accelerates compliance intelligence with AI on AWS | Amazon Web

Amazon

Smarsh specializes in communications dat...

  2025/12/25

🔥Top IoT Projects to Watch in 2026 | Future of Connected Devices! #sho

iot
IOT

Explore the most innovative IoT projects...

  2025/12/24

🔥Title :How VAN AI is Revolutionizing Streaming | The Future of Conten

In this YouTube Shorts, we explore how V...

  2025/12/24

Jobs That AI Can’t Replace | Jobs AI Will Never Replace | Best Jobs Of

🔥Purdue - Applied Generative AI Speciali...

  2025/12/24

PyCon JP TV #60: Pythonistaに聞く2025重大ニュースと2026の展望

python
Google

PyCon JP Associationが主催するYouTubeライブです。実験...

  2025/12/24

🔥The Ultimate Cybersecurity Roadmap for 2026 | Skills You Need NOW! #s

Security

Ready to kickstart your career in Cybers...

  2025/12/24

🔥Generative AI for Beginners: A Complete Introduction #shorts #simplil

Welcome to "Generative AI for Beginners"...

  2025/12/24

If you're a developer, watch this video.

DevLaunch is my mentorship program where...

  2025/12/24

Master MongoDB Aggregation: How to Use $match and $group (2025 Guide)

mongodb

Ready to turn raw data into powerful ins...

  2025/12/23